<!DOCTYPE HTML>

<head>
<title>Canvas demo en details</title>
<script type="text/javascript">
function draw()
{
	
	//paint the text
	var canvas = document.getElementById('canvasSection');
	var context = canvas.getContext('2d');
	
	context.fillStyle    = '#00f';
	context.font         = 'italic 30px sans-serif';
	context.textBaseline = 'top';
	context.font         = 'bold 30px sans-serif';
	context.strokeText('Future Websolutions!!', 0, 0);
	
	//paint the square
	
	//var canvasSquare = document.getElementById('canvasSquare');
//	var ctxSquare = canvas.getContext('2d');
//	
//	ctxSquare.fillStyle='#FF0000';
//	ctxSquare.fillRect(0, 100,80,100);
}
</script>
</head>

<body onLoad="draw()">
<div id="content">
	<h4>Canvas teken gebied:</h4>
	<canvas id="canvasSection">Wanneer canvas niet wordt 
    ondersteund wordt deze melding weergegeven</canvas>
<!--    
    <h4>Vierkant:</h4>
    <canvas id="canvasSquare">Wanneer canvas niet wordt 
    ondersteund wordt deze melding weergegeven</canvas>-->
</div>
<footer>
	<details>Deze pagina is een testpagine voor HTML 5</details>
</footer>
</body>
</html>